<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta content="initial-scale=1.0,minimum-scale=1.0,maximum=1.0,user-scalable=no,width=device-width" name="viewport">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>动态资讯</title>
	<!-- Bootstrap -->
	<link href="/xj/css/bootstrap.min.css" rel="stylesheet">

	<link href="/xj/css/global.css" rel="stylesheet">
	<link href="/xj/css/style.css" rel="stylesheet">
	<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
	<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
	<!--[if lt IE 9]>
   <script src="/xj/js/html5shiv.min.js"></script>
   <script src="/xj/js/respond.min.js"></script>
	<script src="/xj/js/jquery.min.js"></script>
	<script src="/xj/js/bootstrap.min.js"></script>
<![endif]-->


</head>

<body>
<style type="text/css">

*{margin: 0; padding: 0;}


</style>
<div class="globalstyle">
        <div id="index">
			<!--//头部-->
			<!--<div class="box">-->
				<!--<p class="top_title">信基沙溪</p>-->
				<!--&lt;!&ndash;<i class="index-icon-search"></i>&ndash;&gt;-->
				<!--&lt;!&ndash;<input type="text" class="username" placeholder="搜索更多商户.. "/>&ndash;&gt;-->
			<!--</div>-->

			<div >
				<img :src="main_img" style="width: 100%;height: 195px;"/>
			</div>
			<!---->
			<div class="row" style="width: 100%;margin: 0 auto;background-color:#f8f7fc;">
				<!-- Nav tabs -->
				<ul class="nav nav-pills infor-ul" role="tablist">
					<li role="presentation" :class="{'active':tab1}">
						<a href="#home" aria-controls="home" role="tab" data-toggle="tab" class="infor-type-tab" v-on:click="changeTab(0)">全部</a>
					</li>
					<li role="presentation" :class="{'active':tab2}">
						<a href="#profile" aria-controls="profile" role="tab" data-toggle="tab" class="infor-type-tab" v-on:click="changeTab(1)">企业</a>
					</li>
					<li role="presentation" :class="{'active':tab3}">
						<a href="#messages" aria-controls="messages" role="tab" data-toggle="tab" class="infor-type-tab" v-on:click="changeTab(2)">展会</a>
					</li>
					<li role="presentation" :class="{'active':tab4}">
						<a href="#settings" aria-controls="settings" role="tab" data-toggle="tab" class="infor-type-tab" v-on:click="changeTab(3)">商户</a>
					</li>
					<li role="presentation" :class="{'active':tab5}">
						<a href="#oder" aria-controls="oder" role="tab" data-toggle="tab" class="infor-type-tab" v-on:click="changeTab(4)">行业</a>
					</li>
				</ul>

				<!-- Tab panes -->
				<div class="tab-content" style="padding-bottom: 50px">

					<div role="tabpanel" class="tab-pane active" id="home" style="height: 100%;">

						<div class="row infor-item-box" v-for="item in inforData" v-on:click="getInforDetail(item.id)">
							<div class=" " style="width: 100%;padding-right: 0px;padding-left: 0px;">
								<div class="thumbnail">
									<div class="infor-content">
										<p class="infor-title">{{item.title}}</p>
										<p class="infor-ellipsis" >{{item.brief}}</p>
									</div>
									<div class="infor-ellipsis-img">
										<img :src="item.thumb"  alt="...">
									</div>
								</div>
							</div>
						</div>

					</div>

					<div role="tabpanel" class="tab-pane" id="profile">
						<div class="row infor-item-box" v-for="item in inforData">
							<div class="col-sm-6 col-md-4" style="padding-right: 0px;padding-left: 0px;">
								<div class="thumbnail">
									<div class="infor-content">
										<p class="infor-title">{{item.title}}</p>
										<p class="infor-ellipsis">{{item.content}}</p>
									</div>
									<div class="infor-ellipsis-img">
										<img src="/xj/image/Industry News.png"  alt="...">
									</div>
								</div>
							</div>
						</div>

					</div>

					<div role="tabpanel" class="tab-pane" id="messages">
						<div class="row infor-item-box" v-for="item in inforData">
							<div class="col-sm-6 col-md-4" style="padding-right: 0px;padding-left: 0px;">
								<div class="thumbnail">
									<div class="infor-content">
										<p class="infor-title">{{item.title}}</p>
										<p class="infor-ellipsis">{{item.content}}</p>
									</div>
									<div class="infor-ellipsis-img">
										<img src="/xj/image/Industry News.png"  alt="...">
									</div>
								</div>
							</div>
						</div>
					</div>

					<div role="tabpanel" class="tab-pane" id="settings">
						<div class="row infor-item-box" v-for="item in inforData">
							<div class="col-sm-6 col-md-4" style="padding-right: 0px;padding-left: 0px;">
								<div class="thumbnail">
									<div class="infor-content">
										<p class="infor-title">{{item.title}}</p>
										<p class="infor-ellipsis">{{item.content}}</p>
									</div>
									<div class="infor-ellipsis-img">
										<img src="/xj/image/Industry News.png"  alt="...">
									</div>
								</div>
							</div>
						</div>
					</div>

					<div role="tabpanel" class="tab-pane" id="oder">
						<div class="row infor-item-box" v-for="item in inforData">
							<div class="col-sm-6 col-md-4" style="padding-right: 0px;padding-left: 0px;">
								<div class="thumbnail">
									<div class="infor-content">
										<p class="infor-title">{{item.title}}</p>
										<p class="infor-ellipsis">{{item.content}}</p>
									</div>
									<div class="infor-ellipsis-img">
										<img src="/xj/image/Industry News.png"  alt="...">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>

		</div>

		<!--底部导航-->
	<div class=" nav_self ">
		<div class="nav-one">
			<a href="/page/redirectHome"><img src="/xj/image/home.png" class="img"></a>
		</div>
		<div class="nav-view" style="white-space: pre">
			<a href="/page/redirectMarketopens" :class="three_box_txt_show ? '':'nav_encss'" >{{one}}</a>
		</div>
		<div class="nav-view" style="white-space: pre">
			<a href="/page/redirectInfor"   :class="three_box_txt_show ? '':'nav_encss'" >{{two}}</a>
		</div>
		<div class="nav-view">
			<a href="/page/redirectContractus"  :class="three_box_txt_show ? '':'nav_encss'">{{three}}</a>
		</div>

	</div>

</div>
</body>

</html>

<style>
	/*.footer_bar a{*/
		/*color: #7f8698!important;*/
	/*}*/

	.nav-pills>li>a{
		border-radius: 0px!important;
	}

	.nav-pills>li+li {
		margin-left: 0px!important;
	}

	.navbar{
		min-height: 45px!important;
	}

	.nav-tabs {
		height: 45px;
		line-height: 45px;
	}

	.navbar-fixed-bottom{
		border-width: 0;
	}
</style>

<script src="/xj/js/vue.min.js"></script>
<script src="/xj/js/jquery.min.js"></script>
<script src="/xj/javascript/global.js"></script>
<script src="/xj/javascript/infor.js?v=2"></script>
